iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 18
0
Mobile Development

IOS Beginner's 30days 系列 第 18

Day18 UITextField(一)

  • 分享至 

  • xImage
  •  

UITextField

TextField 是最常用到的元件之一,凡是需要使用者輸入資料的部分,都會用到 TextField。

一開始一樣先拉一個元件到 Storyboard
https://ithelp.ithome.com.tw/upload/images/20200920/20129677DXbnQadgQM.png
設置 @IBOtlet。

@IBOutlet weak var myTextField: UITextField!

接著當使用者輸入完成後,我們要將鍵盤隱藏起來,以及改變值。
新增 extension 以及 textFieldShouldReturn。

extension ViewCOntroller: UITextFieldDelegate {
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        myLabel.text = myTextField.text
    
        textField.resignFirstResponder()
        textField.endEditing(true)
        return true
    }
}

設置 Delegate

myTextField.delegate = self

來看看成果
https://ithelp.ithome.com.tw/upload/images/20200920/20129677QrLpF5ERAK.pnghttps://ithelp.ithome.com.tw/upload/images/20200920/201296775VpITvsmpk.png
如果點擊模擬器的 TextField 之後鍵盤沒有升起來,可以按 Command + K 來將鍵盤喚醒。


上一篇
Day17 UIPickerView(二)
下一篇
Day19 UITextField(二)
系列文
IOS Beginner's 30days 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言